@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body,html{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.web{
    width: 100%;
    height: 100%;
    background: url(../img/z_indexbg.jpg);
    background-size:100%,100% ;
}
.index{
    width: 100%;
    height: 100%;
    padding:39vw 0 42vw 0;
    position: relative;
//  display: none;
    .title{
        width:35vw;
        margin: 0 auto;
        text-align: center;
//      margin-top: 38vw;
       margin-bottom:8vw ;
        img{
            width: 100%;
        }
    }
    .title_baner{
        width:45vw;
        margin: 0 auto;
        text-align: center;
        margin-bottom:10vw;
        img{
            width: 100%;
        }
    }
    .btn{
        margin-top: 10vw;
        width:40vw;
        margin: 0 auto;
        text-align: center;
        li{
            width: 100%;
            margin-bottom: 5vw;
            img{
                width: 100%;
            }
        }
        li:last-child{
            color: white;
        }
    }
    .tan_z{
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
       z-index: 999;
       background: rgba(0,0,0,0.2);       
       display: none;
       >.fu_chuang{
           width: 74.5vw;
           height: 48.75vw;
           background:#e7c598 ;
           border-radius: 5%;
           position: absolute;
           left: 50%;
           top: 20%;
           transform: translateX(-50%);
//         display: none;
           .iconfont{
               position: absolute;
               right: -2vw;
               top: -2vw;
               font-size: 20px;
           }
            .cont{
                width: 100%;
                     position: absolute;
                     left: 50%;
                     top: 50%;
                     transform: translate(-50%,-50%);
                p{
                    text-align: center;
                     font-size: 16px;
                     color: #BF0C21;
//                   color: white;
//                   line-height: 5px;
                }
                p:last-child{
                    color: white;
                    border-radius:8% ;
                    margin: 0 auto;
                    width: 50%;
                    padding:10px;
                    background: #bf0c21;
                    margin-top: 6vw;
                }
                       
            }
       }
       
    } 
}
.rules{
    width: 100%;
    height: 100%;
    padding-top: 10vw;
    display: none;
    img{
        width: 100%;
        height: 85%;
    }
    .now{
        width: 50%;
        margin: 0 auto;
        img{
            width: 100%;
        }
    }
}
